﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<title>Seabroad Container Lines (Tianjin) Co. Ltd.</title> 
    <script src="js/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="js/fisheye_circle.js" type="text/javascript"></script>
    <script src="js/iutil.js" type="text/javascript"></script>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <link href="css/style_circle.css" rel="stylesheet" type="text/css" />
    <!--[if lt IE 7]>
<style type="text/css">
.dock img { behavior: url(iepngfix.htc) }
div { behavior: url(iepngfix.htc) }
</style>
<![endif]--> 
  
</head>
 
<body> 
 
 <div class="dock" id="dock2">
  <div class="dock-container2"  >
       <div class="dock-item2">
            <a  href="#" class="language" ><span>Language</span><img src="images/lang.png" /></a>
       </div> 
	  <div class="dock-item2"> 
          <a href="http://www.seabroad.cn/2.htm" target="_blank">
            <span>Profile</span><img src="images/companyb.png" alt="Profile" />
          </a> 
      </div>
	  <div class="dock-item2"> 
	        <a  href="http://www.seabroad.cn/sys/index_e.asp" target="_blank"><span>Sign up</span><img src="images/memberb.png" alt="Sign up" /></a> 
      </div>
	  <div class="dock-item2"> 
	        <a  href="http://www.seabroad.cn/12_e.htm" target="_blank"><span>JP base-ports</span><img src="images/japbb.png"  /></a> 
      </div>
	  <div class="dock-item2"> 
	       <a  href="http://www.seabroad.cn/6_e.htm" target="_blank"><span>JP monor ports</span><img src="images/jappb.png"  /></a> 
      </div>
	  <div class="dock-item2">  
	        <a  href="http://www.seabroad.cn/13_e.htm" target="_blank"><span> KR ports</span><img src="images/koreab.png"  /></a> 
      </div>
	  <div class="dock-item2"> 
	        <a href="http://www.seabroad.cn/cq/index_e.asp" target="_blank"><span>Freight & Schedule</span><img src="images/feeb.png" /></a> 
      </div>
	  <div class="dock-item2">  
	        <a  href="http://www.seabroad.cn/sys/index_e.asp" target="_blank"><span>Reconciliation</span><img src="images/financeb.png" /></a>
      </div>
	  <div class="dock-item2">  
	        <a  href="http://www.seabroad.cn/sys/index_e.asp" target="_blank"><span>Sign on reciept</span><img src="images/businessb.png" /></a> 
      </div > 
	  <div class="dock-item2">  
	        <a href="http://www.seabroad.cn/Jxlsc/Page/login.aspx" target="_blank"><span>E-Booking</span><img src="images/orderb.png"  /></a> 
      </div> 
	  <div class="dock-item2">  
	        <a   href="http://www.seabroad.cn/55_e.htm" target="_blank"><span>Online recruiment</span><img src="images/jobb.png"  /></a>
      </div > 
	  <div class="dock-item2">  
	         <a  href="http://www.seabroad.cn/18_e.htm" target="_blank"><span>Join us</span><img src="images/joinb.png"  /></a> 
      </div >
	  <div class="dock-item2">
          <div class="drop-menu">            
            <div class="drop-menu-item movedown">
	            <span>Next</span><a href="#" ><img src="images/2.png" alt="contact" /></a>
            </div>
            <div class="drop-menu-item">
	            <span>Portfolio</span><a  href="#"><img src="images/portfolio.png" alt="portfolio" /></a>
            </div>
            <div class="drop-menu-item">
	            <span>Portfolio</span><a  href="#"><img src="images/portfolio.png" alt="portfolio" /></a>
            </div>
            <div class="drop-menu-item">
	            <span>Music</span><a href="#"><img src="images/portfolio.png" alt="music"/></a>
            </div> 
            <div class="drop-menu-item">
	            <span>Contact</span><a href="#" ><img src="images/email.png" alt="contact" /></a>
            </div>
            <div class="drop-menu-item">
	            <span>Music</span><a href="#"><img src="images/portfolio.png" alt="music"/></a>
            </div> 
            <div class="drop-menu-item">
	            <span>Music</span><a href="#"><img src="images/portfolio.png" alt="music"/></a>
            </div> 
            <div class="drop-menu-item">
	            <span>Microsoft</span><a href="http://www.Microsoft.com" target="_blank"><img src="images/portfolio.png" alt="music"/></a>
            </div> 
            <div class="drop-menu-item">
	            <span>Google</span><a href="http://www.google.com" target="_blank"><img src="images/portfolio.png" alt="music"/></a>
            </div> 
            <div class="drop-menu-item moveup">
	            <span>Next</span><a href="#" ><img src="images/2.png" alt="contact" /></a>
            </div>
          </div>
	         <a  href="http://www.seabroad.cn/3_e.htm" target="_blank"><span>Contact Us</span><img src="images/contactb.png" /></a>
      </div> 
  </div> 
</div> 

<!--dock menu JS options -->
<script type="text/javascript">
    $(document).ready(
		function () {
		    $('#dock2').Fisheye(
				{
				    maxWidth: 60,    //设置底部菜单的变化的最大宽度
				    items: '.dock-item2', //底部菜单
				    itemsText: 'a > span',    //底部菜单的描述文字
				    container: '.dock-container2',  //底部菜单的容器
				    itemWidth: 60,        //底部菜单的初始化大小
				    proximity: 80,        //底部菜单的一个变化半径
				    alignment: 'left',    //底部菜单对齐方式
				    valign: 'bottom',     //底部菜单是停靠在窗口上边沿还是下边沿（默认上边沿）
				    halign: 'center',     //底部菜单左右居中对齐
				    dropMenu: '.drop-menu', //弹出菜单容器
				    dropMenuItem: '.drop-menu-item', //弹出菜单项
				    dropMenuRadius: 700,       //弹出菜单弯曲半径
				    radiusDirection: 'right', //弹出菜单弯曲半径方向 "left" or "right"
				    duration: 40,            //弹出菜单弹出的时间
				    delay: 40,              //弹出菜单延迟
				    moveup: '.moveup',       //弹出菜单中向上收起的菜单
				    movedown: '.movedown',   //弹出菜单中向下收起的菜单
				    popupWidth: 50,          //弹出菜单相宽度
				    maxMenuItemCount: 6,      //弹出菜单相最大个数（多余这个数目，就有向上收起和向下收起）
				    popupHoverBorder: 'none' //'solid 1px red' 弹出菜单中菜单相图片边框样式
				}
			) 
		}
	);
 
</script>
 
</body>
</html>

